<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CryptedUniversity</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="screen-orientation" content="portrait" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="shortcut icon" type="image/ico" href="../favicon.ico" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    @@if(product){
      @@include('../quote/core_css.htm')
    }
    @@if(!product){
      @@include('../quote/help_css_d.htm')
    }
  </head>
  <body>
    <div class="app" id="app" v-lock>
      <div class="h-content">
        <div class="page-header h-header">
          <div class="container white">
            <!-- menu -->
            @@include('../public/header.htm')
            <!-- menu end -->
            <div class="jumbotron h-jumb">
              <h1>{{lge.title}}</h1>
            </div>
          </div>
        </div>
        <!--body-->
        <div class="container h-body">
          <div class="col-md-10">
            <h2 class="h-title">{{lge.nav1}}</h2>
            <div class="panel-group" role="tablist" aria-multiselectable="true">
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">{{lge.item_hd1}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                  <div class="panel-body" v-html="lge.item_bd1"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">{{lge.item_hd2}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                  <div class="panel-body" v-html="lge.item_bd2"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{lge.item_hd3}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                  <div class="panel-body" v-html="lge.item_bd3"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{lge.item_hd11}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                  <div class="panel-body" v-html="lge.item_bd11"></div>
                </div>
              </div>
            </div>

            <h2 class="h-title">{{lge.nav2}}</h2>
            <div class="panel-group" role="tablist" aria-multiselectable="true">
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">{{lge.item_hd4}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                  <div class="panel-body" v-html="lge.item_bd4"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">{{lge.item_hd5}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                  <div class="panel-body" v-html="lge.item_bd5"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{lge.item_hd6}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                  <div class="panel-body" v-html="lge.item_bd6"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{lge.item_hd7}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                  <div class="panel-body" v-html="lge.item_bd7"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{lge.item_hd8}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                  <div class="panel-body" v-html="lge.item_bd8"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{lge.item_hd9}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                  <div class="panel-body" v-html="lge.item_bd9"></div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                  <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{lge.item_hd10}}</a>
                  </h4>
                </div>
                <div class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                  <div class="panel-body" v-html="lge.item_bd10"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--footer-->
      @@include('../public/footer.htm')
      <!--footer end-->
    </div>
    @@if(product){
      <script src="../js/help.js" charset="utf-8"></script>
    }
    @@if(!product){
      @@include('../quote/help_js_d.htm')
    }
  </body>
</html>
